<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=320, height=device-height, target-densitydpi=medium-dpi" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Шведская горечь</title>
  <link rel="stylesheet" href="css/reset.css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/media.css">
</head>

<body>

  <header class="header">
    <div class="container">
      <div class="header__inner">
        <div class="header__logo">
          <a href="#">
            <img src="images/logo.png" alt="Логотип">
          </a>
        </div>
        <div class="header__text">
          Доставка по всей России
        </div>
        <div class="header__phone">
          <a href="tel:88000000000">
            8 800 000-00-00
            <div class="header__phone-text">Звонок бесплатный </div>
          </a>
        </div>
      </div>
    </div>
  </header>

  <section class="top">
    <div class="top__images"></div>
    <a href="#" class="mobile__link-btn">узнать больше</a>
    <div class="top__wrapper">
      <div class="container">
        <div class="top__inner">
          <div class="top__inner-img">
            <img src="images/top.png" alt="">
          </div>
          <div class="top__inner-form">
            <div class="top__inner-suptitle">
              Сбор трав
            </div>
            <div class="top__inner-title">
              Шведская горечь
            </div>
            <div class="top__inner-text">
              Не имеет аналогов в мире по оздоровительной силе
              и широте лечебных свойств
            </div>
            <div class="top-form">
              <form>
                <div class="top-form__inner">
                  <div class="top-form__title">
                    Узнайте подробнее о бальзаме
                  </div>
                  <input type="text" placeholder="Имя">
                  <input type="text" placeholder="Телефон">
                  <button class="form__btn" type="submit">Узнать</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="advantages">
    <div class="container">
      <div class="advantages__inner">
        <div class="advantages__item">
          <div class="advantages__item-number">
            <span>1978</span> г.
          </div>
          <div class="advantages__item-text">
            Европейцы используют
            шведскую горечь еще
            с 1978 года
          </div>
        </div>
        <div class="advantages__item">
          <div class="advantages__item-number">
            <span>104</span> года
          </div>
          <div class="advantages__item-text">
            104 года прожил
            автор бальзама
          </div>
        </div>
        <div class="advantages__item">
          <div class="advantages__item-number">
            <span>40</span> показаний
          </div>
          <div class="advantages__item-text">
            Больше 40 показаний
            к применению
          </div>
        </div>
        <div class="advantages__item">
          <div class="advantages__item-number">
            <span>24</span> языка
          </div>
          <div class="advantages__item-text">
            8 млн книг на 24 языках
            продано о бальзаме
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="list">
    <div class="container-fluid">
      <div class="container">
        <div class="list__title">
          Что из этого списка
          вы находите у себя?
        </div>
        <div class="list__inner">
          <div class="tabs">
            <div class="tab active" data-id="1">
              <span>01.</span> Сниженный тонус, не хватает энергии
            </div>
            <div class="tab" data-id="2">
              <span>02.</span> Прыщи, бородавки и растяжки
            </div>
            <div class="tab" data-id="3">
              <span>03.</span> Слабая память и концентрация
            </div>
            <div class="tab" data-id="4">
              <span>04.</span> Болеете чаще раза в год?
            </div>
            <div class="tab" data-id="5">
              <span>05.</span> Головные боли
            </div>
            <div class="tabs__box">
              <div class="tab tab-border-0" data-id="6">
                <span>06.</span> Синяки, шишки, ожоги, порезы
                долго не проходят
              </div>
              <div class="tab tab-border-1" data-id="8">
                <span>08.</span> Проблемы с желудком
              </div>
              <div class="tab tab-border-2" data-id="7">
                <span>07.</span> Плохо засыпаете и часто
                просыпаетесь
              </div>
              <div class="tab tab-border-3" data-id="9">
                <span>09.</span> Стресс
              </div>
            </div>
          </div>
          <div class="tabs__content">
            <div class="tab-item item-1 active-tab" id="1">01</div>
            <div class="tab-item item-2" id="2">02</div>
            <div class="tab-item item-3" id="3">03</div>
            <div class="tab-item item-4" id="4">04</div>
            <div class="tab-item item-5" id="5">05</div>
            <div class="tab-item item-6" id="6">06</div>
            <div class="tab-item item-7" id="7">07</div>
            <div class="tab-item item-8" id="8">08</div>
            <div class="tab-item item-9" id="9">09</div>
            <div class="tabs__content-reviews tabs__reviews">
              <div class="tabs__reviews-inner">
                <div class="tabs__reviews-text">
                  Более 2 000 покупателей доказали
                  эффективность «Шведской горечи»
                  в каждом из этих случае
                </div>
                <a href="#" class="tabs__reviews-link">
                  Читать отзывы
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="list__link">
          <a href="#">Избавиться от проблем</a>
        </div>
      </div>
    </div>
  </section>

  <section class="popularity">
    <div class="popularity__wrapper container-fluid">
      <div class="container">
        <div class="popularity__inner">
          <div class="popularity__box">
            <div class="popularity__box-text">
              Даже в странах с очень высоким уровнем медицины,
              таких как Германия и Австрия, бальзам Шведская
              Горечь продается в каждой аптеке!
            </div>
            <a href="#" class="popularity__box-link">Получить средство-панацею к себе в аптечку</a>
          </div>
          <div class="popularity__right">
            <div class="popularity__right-title">
              Почему Шведская
              Горечь завоевала
              такую популярность?
            </div>
            <div class="popularity__right-subtitle">
              Вот лишь несколько причин:
            </div>
            <ul class="popularity__right-list">
              <li>Эффективность как при наружном, так и внутреннем
                применении, более 40 показаний к применению
              </li>
              <li>
                Случаи излечения с помощью сбора, когда
                традиционная медицина не смогла помочь
              </li>
              <li>
                Постоянно выявляются новые целительные свойства
                бальзама
              </li>
              <li>
                Эффект от применения можно увидеть сразу
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="mobile-bg"></div>
  </section>

  <section class="history">
    <div class="container-fluid history__wrapper">
      <div class="container">
        <div class="history__inner">
          <div class="history__title">
            Удивительная история
            возникновения бальзама
          </div>
          <div class="history__text">
            <p>
              Далеко не у каждого лекарственного препарата есть такая удивительная история возникновения, уходящая к
              временам Парацельса, как у «Шведской горечи». Всю свою жизнь Парацельс искал эликсир долголетия!
            </p>
            <p>
              Он экспериментировал с рецептами, в которых горькие коренья комбиниро-
              вались с разными лекарственными травами. Позднее в 18 веке на основании оставшихся после Парацельса
              исследований шведский доктор Клауст Замст создал рецепт удивительного эликсира, который он принимал всю
              свою жизнь. Кстати, умер доктор Замст на 104-м году жизни, упав с лошади при верховой езде.
            </p>
            <p>
              В конце прошлого века рецепт попал к известной австрийской травнице Марии Трэбэн, которая, изучив и
              дополнив его, популяризовала в странах Европы. Теперь сбор трав «Шведская горечь» помогает людям по всему
              миру.
            </p>
          </div>
          <div class="history__form">
            <div class="history__form-title">
              Оставьте свою почту и получайте
              рецепты молодости и здоровья
              каждую неделю
            </div>
            <form>
              <input type="text" placeholder="E-mail" required>
              <button class="form__btn" type="submit">Оставить почту</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="quote">
    <div class="quote__wrapper">
      <div class="container">
        <blockquote class="quote__inner">
          «Кто принимает бальзам утром и вечером, тому не нужны
          другие лекарства, так как он укрепляет тело, оживляет
          нервы и освежает кровь, снимает дрожь в руках и ногах.
          Тело остается упругим, лицо молодым и красивым»
          <div class="author">Автор бальзама, Доктор Клаус Замст <span>/1620-1724 г.</span>
          </div>
        </blockquote>
      </div>
    </div>
  </section>

  <section class="items">
    <div class="container-fluid">
      <div class="container">
        <div class="items__title">
          Что вы получите
          вместе со сбором трав
          «Шведская горечь»?
        </div>
      </div>
      <div class="items__wrapper">
        <div class="items__inner">
          <div class="item">
            <div class="item__number">01</div>
            <div class="item__content">
              <img class="item__content-img" src="images/item-1.svg" alt="">
              <div class="item__content-title">
                сбор трав
              </div>
            </div>
          </div>
          <div class="item">
            <div class="item__number">02</div>
            <div class="item__content">
              <img class="item__content-img" src="images/item-2.svg" alt="">
              <div class="item__content-title">
                инструкция по применению
              </div>
            </div>
          </div>
          <div class="item">
            <div class="item__number">03</div>
            <div class="item__content">
              <img class="item__content-img" src="images/item-3.svg" alt="">
              <div class="item__content-title">
                сертификат качества
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="composition">
    <div class="container">

      <div class="composition__row">
        <div class="composition__item">
          <div class="composition__item-inner picture01">
            <div class="composition__item-num">
              — 01
            </div>
            <div class="composition__item-name">
              Angelica archangelica
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Корень дягиля (дудника)
                лекарственного
              </div>
            </div>
          </div>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture02">
            <div class="composition__item-num">
              — 02
            </div>
            <div class="composition__item-name">
              Carlina acaulis
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Колючник бесстебельный
              </div>
            </div>
          </div>
        </div>
        <div class="composition__box">
          <div class="composition__title">
            Состав<br>
            «Шведской горечи»
          </div>
          <ul class="composition__box-list">
            <li>
              Все травы, входящие в сбор, собраны в альпийском
              заповеднике «Гуркталь» и имеют немецкий сертификат
              качества.
            </li>
            <li>
              Строго выверенные пропорции каждого компонента
              в составе
            </li>
          </ul>
        </div>
      </div>

      <div class="composition__row">
        <div class="composition__item">
          <div class="composition__item-inner picture03">
            <div class="composition__item-num">
              — 03
            </div>
            <div class="composition__item-name">
              Cunnamomum camphora
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Камфорное дерево
              </div>
            </div>
          </div>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture04">
            <div class="composition__item-num">
              — 04
            </div>
            <div class="composition__item-name">
              Fraxinus ornus
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Ясень манновый
              </div>
            </div>
          </div>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture05">
            <div class="composition__item-num">
              — 05
            </div>
            <div class="composition__item-name">
              Cammiphora molmol
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Мирра
              </div>
            </div>
          </div>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture06">
            <div class="composition__item-num">
              — 06
            </div>
            <div class="composition__item-name">
              Pheum palmatum
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Ревень пальчатый
              </div>
            </div>
          </div>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture07">
            <div class="composition__item-num">
              — 07
            </div>
            <div class="composition__item-name">
              Crocus sativus
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Шафран посевной
              </div>
            </div>
          </div>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture08">
            <div class="composition__item-num">
              — 08
            </div>
            <div class="composition__item-name">
              Cassia angustifolia
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Сенна александрийская
              </div>
            </div>
          </div>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture09">
            <div class="composition__item-num">
              — 09
            </div>
            <div class="composition__item-name">
              Artemisia absinthium
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Полынь горькая
              </div>
            </div>
          </div>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture10">
            <div class="composition__item-num">
              — 10
            </div>
            <div class="composition__item-name">
              Curcuma zedoaria
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Куркума цедоария
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="composition__row">
        <div class="composition__link">
          <div class="composition__link-text">
            <p>
              Все травы в составе бальзама обладают сильным очищающим воздействием,
              при этом каждый из компонентов усиливает действие остальных.
            </p>
            <p>
              Соединяясь вместе они создают мощный очищающий эффект. Как оказалось,
              именно за счет этого эффекта бальзам способен исцелять многие болезни.
            </p>
          </div>
          <a class="composition__link-btn" href="#">Заказать сбор трав</a>
        </div>
        <div class="composition__item">
          <div class="composition__item-inner picture11">
            <div class="composition__item-num">
              — 11
            </div>
            <div class="composition__item-name">
              Theriak venezian
            </div>
            <div class="composition__item-effect">
              <div class="composition__item-text">
                Часть рецепта до сих пор находится в секрете
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="reviews">
    <div class="container">
      <div class="reviews__title">
        Отзывы<br>
        о «Шведской горечи»
      </div>
    </div>
    <div class="container-fluid">
      <div class="reviews__inner">
        <div class="reviews__tabs">
          <div class="container">
            <div class="reviews__tab active" data-id="tab-1">от российских потребителей</div>
            <div class="reviews__tab" data-id="tab-2">от зарубежных потребителей</div>
          </div>
        </div>
        <div class="container-fluid">
          <div class="reviews__content">
            <div class="container">
              <div class="reviews__content-item active-tab" id="tab-1">
                <div class="reviews-textbox">
                  <div class="reviews-text">
                    Если время от времени употреблять горечь, то вообще не будете болеть ОРЗ или ангиной. Младшему сыну
                    я развожу раствор слабее (горечь, вода), он с удоволь-
                    ствием пьет, иногда даже сам просит сделать ему го-
                    речь. Только делаю меньше половины стакана, чтобы малыш смог выпить.
                    <span>Аноним</span>
                  </div>
                  <div class="reviews-text">
                    Этот сбор действительно очень хорошая вещь.
                    Я его приобрела по совету своей тёти. Замечательно помогает при зубной боли, а также я его постоянно
                    принимаю при простуде. Помогает хорошо и нет никакой химии.
                    <span>Юлия</span>
                  </div>
                  <div class="reviews-text">
                    Моя семья на протяжение многих лет пользуется шведской горечью. При болях в горле мы полоскаем
                    горечью. Когда температура я даю горечь и при этом мы не пользуемся таблетками.
                    <span>Натали</span>
                  </div>
                  <div class="reviews-text">
                    Я покупаю уже готовый сбор шведский бальзам. Отказались от многих лекарственных препаратов благодаря
                    бальзаму. Так что могу только посоветовать самим попробовать, это стоит того.
                    <span>Евгений</span>
                  </div>
                </div>
              </div>

              <div class="reviews__content-item" id="tab-2">
                <div class="reviews-textbox">
                  <div class="reviews-text">
                    If from time to time to use bitterness, then you will not be sick with ARI or angina at all. Younger
                    son, I dilute the solution is weaker (hot, water), he drinks with pleasure, sometimes he even asks
                    to make him a speech. Only I make less than half a glass that the kid could drink.
                    <span>Anonym</span>
                  </div>
                  <div class="reviews-text">
                    This gathering is really a very good thing.
                    I bought it on the advice of my aunt. Wonderful helps with toothache, and I always take it for
                    colds. Helps well and there is no chemistry.
                    <span>Julia</span>
                  </div>
                  <div class="reviews-text">
                    My family has enjoyed Swedish bitterness for many years. For sore throats, we gargle with
                    bitterness. When temperature I give bitterness and thus we do not use tablets.
                    <span>Natalie</span>
                  </div>
                  <div class="reviews-text">
                    I buy a ready-made collection of Swedish balm. Refused many drugs thanks to the balm. So I can only
                    advise you to try it yourself, it's worth it..
                    <span>Evgeniy</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="reviews-link">
          <a class="reviews-link-tab" href="#">Читать ещё отзывы</a>
          <a class="reviews-link-popup" href="#">Присоединиться к тем, кто решил свои проблемы</a>
        </div>
      </div>
    </div>
  </section>

  <section class="build">
    <div class="container-fluid">
      <div class="build__wrapper">
        <div class="container">
          <div class="build__content">
            <div class="build__inner">
              <div class="build__inner-box">
                <div class="build__title">
                  Вы принимаете участие
                  в создании эликсира
                </div>
                <div class="build__text">
                  <p>
                    Приготовление бальзама потребует от вас минимум усилий. Достаточно залить травы 1,5 литрами водки и
                    настоять в течение 14 дней ежедневно взбалтывая.
                  </p>
                  <p>
                    Но даже такое небольшое количество действий даст вам возможность почувствовать себя настоящим
                    врачевателем
                    и привнесет вашу энергетику в получившийся целительный эликсир.
                  </p>
                  <span>
                    Настоя одной упаковки хватает на 4-5 месяцев
                  </span>
                </div>
                <a class="build__link" href="#">
                  создать эликсир молодости и здоровья
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="certificate">
    <div class="container">
      <div class="certificate__title">
        Гарантия качества
      </div>
    </div>
    <div class="container-fluid">
      <div class="certificate__wrapper">
        <div class="container">
          <div class="certificate__inner">
            <div class="certificate__content">
              <div class="certificate__text">
                Если бальзам вам не понравится, мы вернем деньги.
                Сразу и без лишних вопросов. Мы дорожим своей
                репутацией и уверены в продукте на 100%
              </div>
              <div class="certificate__box">
                <fieldset>
                  <legend>
                    Но:
                  </legend>
                  <p>
                    Этот эликсир – именно то средство, которое вам
                    всегда захочется иметь дома в аптечке и рекомен-
                    довать своим близким.
                  </p>
                  <p>
                    К каждой упаковке «Шведской горечи» мы прикла-
                    дываем немецкий сертификат качества.
                  </p>
                  <a href="#" class="certificate-link">заказать сбор трав</a>
                </fieldset>
              </div>
            </div>
            <div class="certificate__images">
              <img src="images/certificate.jpg" alt="Сертификат">
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <footer class="footer">
    <div class="container">
      <div class="footer__inner">
        <div class="footer__logo">
          <a href="#">
            <img src="images/logo.png" alt="Логотип">
          </a>
        </div>
        <a href="#" class="footer_link">Политика конфиденциальности</a>
        <a href="#" class="footer_link">Отказ от ответственности</a>
        <a href="#" class="footer_link">Согласие с рассылкой</a>
        <div class="footer__phone">
          <a href="tel:88000000000">
            8 800 000-00-00
            <div class="footer__phone-text">Звонок бесплатный </div>
          </a>
        </div>
      </div>
    </div>
  </footer>



  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="js/main.js"></script>
</body>

</html>
